<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>教师信息管理</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}\js\jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
$(function(){
	//成绩表数据表格
	$('#score').datagrid({
		url : 'score',
		columns : [ [ {
			field : 'ck',
			width : 100,
			checkbox : true
		}, {
			field : 'scid',
			title : '成绩编号',
			width : 100,
			hidden : true
		}, {
			field : 'sid',
			title : '学生学号',
			width : 100
		}, {
			field : 'sname',
			title : '学生姓名',
			width : 100,
		}, {
			field : 'cid',
			title : '课题号',
			width : 100
		}, {
			field : 'cname',
			title : '课题名字',
			width : 400
		},{
			field : 'score',
			title : '成绩',
			width : 100
		},  ] ],
		rownumbers : true,
		pagePosition : 'bottom',
		pagination : true,
		pageSize : 5,
		pageList : [ 5, 10, 15 ],
		toolbar : []
	});
	//把搜索放入到工具栏中
	$('#searchscores').appendTo(".datagrid-toolbar");
	$('#search').linkbutton({
		onClick : function() {
			var score1 = $('#score1').textbox('getValue');
			var score2 = $('#score2').textbox('getValue');	
			//成绩表数据表格
			$('#score').datagrid({
				url : 'searchscore',
				queryParams:{
					'score1':score1,
					'score2':score2,			
				},
				
		})
		}
	})
})

</script>
<body>
<!-- 成绩表 -->
<table id="score"></table>
<!-- 搜索工具栏 -->
	<div id="searchscores">
		<span>成绩分段</span><input class="easyui-textbox"
				id="score1" type="text" name="score1"
				style="width: 100px; height: 25px">
		<span>至 </span><input class="easyui-textbox"
				id="score2" type="text" name="score2"
				style="width: 100px; height: 25px">
		<a id="search"  name = "search" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a>    
	</div>
</body>
</html>